<template>
  <div id="app">
    <div id="nav_wrap">
      <div id="nav">
        <router-link class="nav_li" to="/">主页</router-link>
        <router-link class="nav_li" to="/Mine">我的</router-link>
        <router-link class="nav_li" to="/ranking">排行榜</router-link>
        <router-link class="nav_li" to="/broadcasting">电台</router-link>
        <router-link class="nav_li" to="/Musician">音乐人</router-link>
      </div>
    </div>

    <router-view/>
  </div>
</template>

<style lang="scss">
#nav_wrap{
  width:100%;
  background: rgba(41, 36, 36, 0.925);
}
#nav {
  width: 1200px;
  margin:0 auto;
  background: rgba(41, 36, 36, 0.925);
  padding: 20px 200px;
}
.nav_li {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  padding: 0 40px;
  margin: 0 40px;
}
.nav_li:hover {
  background: #2d97df;
  color: #fff;
  border-radius: 15px;
}
</style>
